<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>全托管卖家中心</title>
	<link rel="shortcut icon" href="./static/image/tts-favicon.png">
	<link rel="stylesheet" type="text/css" href="./static/libs/element-ui/index.css">
	<link rel="stylesheet" type="text/css" href="./static/css/public.css">
	<link rel="stylesheet" type="text/css" href="./static/css/m_tailwind.css">
	<link rel="stylesheet" type="text/css" href="./static/font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./static/css/商品管理-调价管理.css">
</head>
<body>
	<div id="app" v-cloak>
		<m-layout>
			<div class="m-table-page">
				<div class="m-page-title">调价管理</div>
				<m-alert>
					全托管商家清仓规则，及清仓相关操作流程更新。具体详见<span class="ml-5 text-primary">全托管商家清仓规则及操作</span>
				</m-alert>
				<el-tabs class="m-page-tabs mt-10" v-model="form.aaa">
					<el-tab-pane name="1">
						<div class="text-16" slot="label">全部<span class="color-gray-400 text-14 pl-5">0</span></div>
					</el-tab-pane>
					<el-tab-pane name="2">
						<div class="text-16" slot="label">待卖家确认<span class="color-gray-400 text-14 pl-5">0</span></div>
					</el-tab-pane>
					<el-tab-pane name="3">
						<div class="text-16" slot="label">待平台确认<span class="color-gray-400 text-14 pl-5">0</span></div>
					</el-tab-pane>
					<el-tab-pane name="4">
						<div class="text-16" slot="label">调价成功<span class="color-gray-400 text-14 pl-5">0</span></div>
					</el-tab-pane>
					<el-tab-pane name="5">
						<div class="text-16" slot="label">调价失败<span class="color-gray-400 text-14 pl-5">0</span></div>
					</el-tab-pane>
					<el-tab-pane name="6">
						<div class="text-16" slot="label">取消调价<span class="color-gray-400 text-14 pl-5">0</span></div>
					</el-tab-pane>
				</el-tabs>
				<div class="m-page-card pb2 mb-15">
					<el-form class="m-page-form" size="medium" :model="form" inline label-position="left">
						<div class="flex" style="gap:30px;">
							<div class="btn-form">
								<div class="label">调价来源</div>
								<div class="value">
									<el-button size="mini">平台</el-button>
									<el-button size="mini">商家</el-button>
								</div>
							</div>
							<div class="btn-form">
								<div class="label">调价类型</div>
								<div class="value">
									<el-button size="mini">同款高价</el-button>
								</div>
							</div>
							<div class="btn-form">
								<div class="label">价格反馈状态</div>
								<div class="value">
									<el-button size="mini">优势反馈审核中</el-button>
									<el-button size="mini">商品已限制备货</el-button>
									<el-button size="mini">商品已下架</el-button>
									<el-button size="mini">商品已退货</el-button>
									<el-button size="mini">反馈通过正常销售</el-button>
								</div>
							</div>
						</div>
						<el-row :gutter="10">
							<el-col :span="6">
								<el-form-item>
									<div slot="label" class="flex items-center">
										<span>SPU</span>
										<i class="el-icon-arrow-down ml-5"></i>
									</div>
									<el-input v-model="form.bbb" placeholder="可批量搜索用空格或逗号隔开" />
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="调价单号">
									<el-input v-model="form.ccc" placeholder="可批量搜索用空格或逗号隔开" />
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="申请原因">
									<el-select v-model="form.ddd" placeholder="请选择">
										<el-option label="面料降价" value="1"></el-option>
										<el-option label="爆款降价" value="2"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<div class="flex justify-end items-center">
                                    <div class="mr-10">更多筛选<i class="el-icon-arrow-down ml-5"></i></div>
                                    <el-button size="medium">重置</el-button>
                                    <el-button size="medium" type="primary">搜索</el-button>
                                </div>
							</el-col>
						</el-row>
					</el-form>
				</div>

				<div class="m-page-card">
					<div class="flex justify-between items-center mb-10">
						<span>已选中：0</span>
						<el-button size="small">导出</el-button>
					</div>
					<el-table class="m-page-table" border :data="tableData" :span-method="arraySpanMethod">
						<el-table-column label="商品图片" width="150">
							<template slot-scope="scope">
								<div class="img-box">
									<img :src="scope.row.tupian"/>
								</div>
							</template>
						</el-table-column>
						<el-table-column label="建议调价单号" min-width="150">
							<template slot-scope="scope">
								<div><b>{{scope.row.tjdh}}</b></div>
								<el-tag v-if="scope.row.qxtj == '是'" size="mini" type="info">取消调价</el-tag>
							</template>
						</el-table-column>
						<el-table-column label="款信息" min-width="160">
							<template slot-scope="scope">
								<div><b>SPU：{{scope.row.spu}}</b></div>
								<div>商品分类：{{scope.row.fenlei}}</div>
							</template>
						</el-table-column>
						<el-table-column label="SKU & 产品规格" min-width="200">
							<template slot-scope="scope">
								<div class="flex items-center">
                                    <span>SKU：{{scope.row.sku}}</span>
                                    <i class="iconfont icon-copy2fuzhi color-gray-400 text-12 ml-5"></i>
                                </div>
								<div>颜色：{{scope.row.color}}</div>
								<div>尺码：{{scope.row.size}}</div>
								<div>货号：{{scope.row.huohao}}</div>
							</template>
						</el-table-column>
						<el-table-column label="商品价格" min-width="250">
							<template slot-scope="scope">
								<div class="flex justify-between">
									<div>
										<div class="text-16"><b>{{scope.row.price1}}</b></div>
										<div>商家原价</div>
									</div>
									<i class="el-icon-sort-up" style="width:13px;height:13px;transform:rotateZ(90deg) rotateY(180deg);"></i>
									<div>
										<div class="text-16"><b>{{scope.row.price2}}</b></div>
										<div>最终价</div>
									</div>
								</div>
							</template>
						</el-table-column>
						<el-table-column label="价格实际生效时间" min-width="180">
							<template slot-scope="scope">
								<div>{{scope.row.qxtj !== '是' ? scope.row.sxsj : '--'}}</div>
							</template>
						</el-table-column>
						<el-table-column label="申请原因" min-width="250">
							<template slot-scope="scope">
								<div>{{scope.row.sqyy || '--'}}</div>
							</template>
						</el-table-column>
						<el-table-column label="创建时间" min-width="150">
							<template slot-scope="scope">
								<div>{{scope.row.cjsj || '--'}}</div>
							</template>
						</el-table-column>
						<el-table-column label="操作" width="150">
							<template slot-scope="scope">
								<el-link type="primary" :underline="false">查看详情</el-link>
							</template>
						</el-table-column>
					</el-table>
					<div class="text-right pt-10">
                        <el-pagination :current-page.sync="pageNo" background layout="prev, pager, next" :total="originData.length"></el-pagination>
                    </div>
				</div>
				

			</div>
		</m-layout>
	</div>

	<script src="./static/libs/vue2.6.8/vue.min.js"></script>
	<script src="./static/libs/element-ui/index.js"></script>
	<script src="./static/libs/dayjs.min.js"></script>
	<script src="./static/js/Tools.js"></script>
	<script src="./static/image/goods/title.js"></script>
	<script src="./config/商品管理-调价管理.js"></script>
	<script src="./static/components/common.js"></script>
	<script src="./static/js/商品管理-调价管理.js"></script>
</body>
</html>